<template>
    <div id="foot">
        <div id="foot-1">
                <div><button>联盟</button></div>
                <div><button>关于</button></div>
                <div><button>联系</button></div>
        </div>
        <div id="foot-2">
            <span id="foot-2-1">管培森</span>
            <span id="foot-2-2">做一个优秀的领航者</span>
        </div>
        <div id="foot-3">
            <div><img src="../../../assets/首页/logo.png"></div>
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
    img{
        width:74px;
        height:77px;
    }
    #foot{
        margin-top:100px;
        width:100%;
        height:771px;
        background:url("../../../assets/首页/背景-副本-1.png");
        background-size:cover;
        display:flex;
        justify-content: space-between;
    }
    #foot-1 button{
        border:none;
        background:transparent;
        font-size:18px;
        font-weight:550; 
        height:30px;
        margin-top:15px;
    }
    #foot-1{
        height:616px;
        margin-top:155px;
        margin-left:50px;
    }
    #foot-1 button:hover{
        color:white;
        background-color:rgb(108,172,220);
    }
    #foot-2{
        color:white;
        line-height:670px;
        width:450px;
        display:flex;
        justify-content: flex-end;
    }
    #foot-2-1{
        font-size:30px;
    }
    #foot-2-2{
        font-size:22px;
        margin-left:60px;
    }
    #foot-3{
        width:100px;
        display:flex;
        flex-direction: column-reverse;
        margin-bottom:15px;
    }
</style>
